<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="width: 100px; height: 100px;background-color: red;"></div>
    <script src="jquery-1.12.2.min.js"></script>
    <script>
//        var oDiv = document.querySelector("div");
//        oDiv.style.backgroundColor = "green";

        $(function(){
//            var oDiv = document.querySelector("div");
//            $(oDiv).css("backgroundColor", "blue");     //JS的DOM节点转换成JQ的对象


//            $("div")[0].style.backgroundColor = 'green';        //JQ 对象转换成JS的DOM节点
            $("div").get(0).style.backgroundColor = 'green';        //JQ 对象转换成JS的DOM节点
        });
    </script>
</body>
</html>